<template>
  <view class="p-14">
    <view v-for="item in list" :key="item.id" class="flex-a bg-white p-14 rounded-6 mb-12" @click="$f.telCall(item.phone)">
      <image class="item-logo" :src="item.logo" mode="" />
      <view class="px-12 flex-v">
        <view class="text-18">{{ item.title }}</view>
        <view class="text-15 mt-2 text-info">{{ item.phone }}</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      list: []
    }
  },
  onLoad() {
    this.getList()
  },
  methods: {
    getList() {
      this.$f.post('api/userContact').then(res => {
        this.list = res.data
      })
    }
  }
}
</script>

<style lang="scss">
	.item-logo {
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
		background-color: #E7ECF2;
	}
</style>
